<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--


#menu {
	background-color:#5b90c0;
	float:left;
	border-radius: 0px 8px 8px 8px;
	font-family: Arial;
	font-size:14px;
	color:#FFF;
	letter-spacing: 0.5px;
	padding: 8px;
	float:left;
	margin-right:2px;
	margin-top:2px;


}

#menu_current {
	background-color:#d27a12;
	float:left;
	border-radius: 0px 8px 8px 8px;
	font-family: Arial;
	font-size:14px;
	color:#FFF;
	letter-spacing: 0.5px;
	padding: 8px;
	float:left;
	margin-right:2px;
	margin-top:2px;

}

.menu_container {
	width: 998px;
	height: 38px;
	border-bottom: #5b90c0 1px dotted;
	text-align:center;
	float:left;
	margin:auto;
	}


.buscador {
	float:left;
	height: 182px;
	width: 652px;
	border-radius: 0px 16px 16px 16px;
	background-color:#CCC;
	box-shadow: 0 0 5px #666;

	background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(28,67,117) 0%, rgb(90,154,214) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(28,67,117) 0%, rgb(90,154,214) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(28,67,117) 0%, rgb(90,154,214) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(28,67,117) 0%, rgb(90,154,214) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(28,67,117) 0%, rgb(90,154,214) 100%);
	
}

.texto_busqueda {
	font-family: Arial;
	font-size: 14px;
	color: #5b90c0;
	text-transform:uppercase;
	margin: 8px;
	float:left;
	font-weight:bold;
	}
	
.texto_boton_buscar {
	font-family: Arial;
	font-size: 14px;
	color: #FFF;
	text-transform:uppercase;
	margin: 8px;
	float:left;
	font-weight:bold;
	}
	
.dropdown-arrow {
	background-image: url(open_buscar.png);
	width: 14px;
	height: 13px;
	float: right;
	margin: 11px;


	}

#botones {
	border-radius: 0px 8px 8px 8px;
	border: 0px;
	background-color: white;
	box-shadow: 0 0 5px #666;
	margin-left: 10px;
	margin-top: 10px;
	float:left;
	width: 311px;
	height: 33px;
	display:inline-block;
	cursor:pointer;
	
	
	background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);

	}
	
	
	#botones_label {
	border-radius: 0px 8px 8px 8px;
	border: 0px;
	background-color: white;
	box-shadow: 0 0 5px #666;
	margin-left: 10px;
	margin-top: 10px;
	float:left;
	width: 100px;
	height: 33px;
	display:inline-block;
	
	
	background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(204,204,204) 0%, rgb(255,255,255) 100%);

	}
	
	
	.texto_label {
	font-family: Arial;
	font-size: 14px;
	color: #666;
	margin: 8px;
	float:left;
	font-weight:bold;
	text-align:center;
	}
	
	
#botones_busqueda {
	border-radius: 0px 8px 8px 8px;
	border: 0px;
	background-color: white;
	box-shadow: 0 0 5px #666;
	margin-left: 10px;
	margin-top: 10px;
	float:left;
	width: 76px;
	height: 33px;
	display:inline-block;
	cursor:pointer;
	
	
	background-image: linear-gradient(bottom, rgb(188,98,5) 37%, rgb(226,128,31) 69%, rgb(255,154,59) 85%);
	background-image: -o-linear-gradient(bottom, rgb(188,98,5) 37%, rgb(226,128,31) 69%, rgb(255,154,59) 85%);
	background-image: -moz-linear-gradient(bottom, rgb(188,98,5) 37%, rgb(226,128,31) 69%, rgb(255,154,59) 85%);
	background-image: -webkit-linear-gradient(bottom, rgb(188,98,5) 37%, rgb(226,128,31) 69%, rgb(255,154,59) 85%);
	background-image: -ms-linear-gradient(bottom, rgb(188,98,5) 37%, rgb(226,128,31) 69%, rgb(255,154,59) 85%);

	}
	
	
#select-window {
    background-color: #FAFAFA;
    border: 1px solid #00476A;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2) inset, 1px 1px 0 rgba(255, 255, 255, 0.3);
    color: #555555;
    display: inline-block;
    font-size: 0.9em;
    margin: 0;
    padding: 7px 5px 6px;
    position: relative;
}

-->
</style>
</head>

<body>	

<div class="buscador">
<div id="botones"><span class="texto_busqueda">tipo de inmueble<input type="hidden" name="propiedades" type="button"/></span><b class="dropdown-arrow"></b></div>
<div id="botones"><span class="texto_busqueda">País<input type="hidden" name="propiedades" type="button"/></span><b class="dropdown-arrow"></b></div>
<div id="botones_busqueda"><span class="texto_boton_buscar">buscar<input type="hidden" name="propiedades" type="button"/></span></div>
<div><input id="botones_label" class="texto_label" name="" type="text" /></div>
</div>


<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div class="menu_container">
<div id="menu_current">Home</div>
<div id="menu">About Us</div>
<div id="menu">Branches</div>
<div id="menu">Contact</div>
</div>

</body>
</html>
